<!--
 * @Author: Li Zengkun
 * @Date: 2022-09-05 20:36:57
 * @LastEditors: Li Zengkun
 * @LastEditTime: 2022-09-05 21:37:13
 * @Description: 
-->
<template>
  <a-comment class="user-card" :author="user.name" :content="user.content" :datetime="props.datetime">
    <template #actions>
      <span class="action" key="heart" @click="onLikeChange">
        <span v-if="like">
          <IconHeartFill :style="{ color: '#f53f3f' }" />
        </span>
      </span>
    </template>
    <template #avatar>
      <a-avatar>
        <img
          alt="avatar"
          :src="user.avatar"
        />
      </a-avatar>
    </template>
  </a-comment>
</template>

<script setup>
import { ref, reactive } from "vue";
import Avatar from '@/assets/avatar.png'
const user = reactive({
    name:'李增坤 QDU_Neymar',
    content:'世界第一前端工程师',
    datetime:'',
    avatar:Avatar,
})
const props = defineProps(['datetime'])
</script>

<style lang="less" scoped>
.user-card{
    margin: 30px 0 50px 0;
}
</style>
